<%@ page import="java.util.ArrayList"%>
<%@ page import="projectodedalo.modelo.Centro"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>:: Registro de Centros ::</title>
	<script src="js/jquery-1.3.2.min.js"></script>
	
	<script>
	function editarForm(id,nombreC,tipos,URL,Logo){
		$( "#idMensaje" ).html("");
		//--
 		alert("HOLA ALERT "+id+nombreC+URL+Logo);
		$( "#idNombre" ).val(nombreC);
		if(tipos=="Universidad"){
			$( "#idUniversidad" ).attr('checked', true);
		}else{
			$( "#idInstituto" ).attr('checked', true);
		}
		$( "#idURL" ).val(URL) ;
		$( "#idLogos" ).val(Logo);
		
		$( "#nameButton" ).val("Actualizar");
		$( "#typeOperation" ).val("update");
		$( "#idForm" ).val(id);
// 		alert("HOLA ALERT "+id+nombreC+typeOperation);
	}
	function borrarForm(id,nombreC,tipos,URL,Logo){
		$( "#idMensaje" ).html("");
		//--
// 		alert("HOLA ALERT "+id+nombre+sex+tipoDoc);
		$( "#idNombre" ).val(nombreC);
		if(tipos=="Universidad"){
			$( "#idUniversidad" ).attr('checked', true);
		}else{
			$( "#idInstituto" ).attr('checked', true);
		}
		$( "#idURL" ).val(URL);
		$( "#idLogos" ).val(Logo);
		
		$( "#nameButton" ).val("Borrar Usuario");
		$( "#typeOperation" ).val("delete");
		$( "#idForm" ).val(id);
	}
	function loadAllCentros() {
		
// 		$("#idNombre").removeAttr('required');​​​​​
		$("#idURL").removeAttr('required');
		$("#idLogos").removeAttr('required');
		
		$("#typeOperation").val("listAll");
		
		$("#idRegisterCentro").attr("action");
		$("#idRegisterCentro").submit();
	}
	</script>	
</head>
<body>
	<jsp:include page="cabecera.jsp" flush="true" />
	<div class="container">	
		<form class="form-horizontal well" method="post"
			action="GrabarCentroServlet" id="idRegisterCentro">
			<div class="table-responsive">
				<div class="alert alert-info alert-coupon" align="center"
					style="font-weight: bold;">.:. Creacion de Centros .:.</div>

				<div class="control-group">
				<table>
				<tr>
					<td><label class="control-label" for="multiSelect">Nombre de Centro:</label>	</td>
					<td><input required id="idNombre" type="text" name="txtNombreC" /></td>
					<td><input id="nameFind"type="submit" value="Listar" onclick="loadAllCentros();"/></td>
				</tr> 
				<tr>
					 <td><label class="control-label" for="multiSelect">Tipo:</label></td>
					 <td><input id="idUniversidad" type="radio" name="tipo" value="Universidad">Universidad
					 <input id="idInstituto" type="radio" name="tipo" value="Instituto">Instituto</td>
				</tr>
				<tr>
					<td><label class="control-label" for="multiSelect">URL:</label></td>
					<td><input required id="idURL" type="text" name="txtURL" /></td>
				</tr>
				<tr>
					 <td><label class="control-label" for="multiSelect">Logo:</label></td>
					 <td><input required id="idLogos" type="text" name="txtLogo" /></td>
				</tr>
				</table>
					<input id="typeOperation" type="hidden" name="txtTypeOperation" value="save"/>
					<input id="idForm" type="hidden" name="txtIdForm"/>
				<input id="nameButton"type="submit" value="Grabar" />
				</div>
				<div id="idMensaje">
					<%
						String mensaje=(String)request.getAttribute("MENSAJE");
											if(mensaje!=null){
												out.println("<b>" + mensaje+ "</b>");	
											}
					%>					
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">Resultado de la Busqueda</div>
					<div class="panel-body">
						<table
							class="table table-condensed table-striped table-bordered table-hover no-margin">
							<thead>
								<tr>
									<th align="center" style="width: 10%">ID</th>
									<th style="width: 40%" class="hidden-phone">Nombre Centro</th>
									<th style="width: 35%" class="hidden-phone">URL</th>
									<th style="width: 25%" class="hidden-phone">LOgo</th>
									<th style="width: 25%" class="hidden-phone">Tipo</th>
									<th style="width: 15%" class="hidden-phone">Editar</th>
									<th style="width: 15%" class="hidden-phone">Eliminar</th>
								</tr>
							</thead>
							<!-- fin de thead -->
							<tbody>
<%
	ArrayList<Centro> ideas = (ArrayList<Centro>) request
	.getAttribute("LISTACENTRO");
	if (ideas != null) {
		for (Centro dd2 : ideas) {
	out.println("<tr>");
	out.println("<td >" + dd2.getId() + "</td>");
	out.println("<td >" + dd2.getNombreC() + "</td>");
	out.println("<td >" + dd2.getURL() + "</td>");
	out.println("<td >" + dd2.getLogo() + "</td>");
	out.println("<td >" + dd2.getTipos() + "</td>");
	out.println("<td ><a href=\"javascript:editarForm('"+dd2.getId()+"','"+dd2.getNombreC()+"','"+dd2.getTipos()+"','"+dd2.getURL()+"','"+dd2.getLogo()+"');\">Editar</a></td>");
	out.println("<td ><a href=\"javascript:borrarForm('"+dd2.getId()+"','"+dd2.getNombreC()+"','"+dd2.getTipos()+"','"+dd2.getURL()+"','"+dd2.getLogo()+"');\">Borrar</a></td>");
	out.println("</tr>");
		}
	}
%>
							</tbody>
							<!-- fin de tbody -->
						</table>
						<!-- fin de table -->
					</div>
				</div>
				<!-- fin de div-panel -->
				<footer>
				<p>&copy; Dedalo 2014.</p>
				</footer>
			</div>
		</form>
</body>
</html>